<template>
	<view>
		<view class="modifyBox">
			<u-field v-model="grade" label="年级" placeholder="请填写入学年份(四位数字),例如:2019" input-align="right" type="number"
			 placeholder-style="color:#ccc" maxlength="4" :field-style = "fieldStyle" @input="bindTextAreaInput">
			</u-field>
		</view>
		<u-button type="warning" :disabled="disabled" @click="saveButtonClick">保存</u-button>
	</view>
</template>

<script>
	/**
	 * 说明: 修改学校功能页
	 * 作者: 谢广顺
	 * 版本: V1
	 * 2020年12月4日 15:56:13
	 */
	export default {
		data() {
			return {
				grade: '',
				disabled: true,
				userInfo: {},
				fieldStyle:{
					paddingRight:'8px'
				}
			}
		},
		methods: {
			bindTextAreaInput(){
				if(Number(this.grade)>1996 && Number(this.grade)<2025){
					this.disabled = false;
				}else{
					this.disabled = true
				}
			},
			saveButtonClick() {
				/**
				 * 最后修改 2020年12月4日 18:18:07
				 * 谢广顺
				 */
				console.log(this.vuex_userInfo);
				// 进行提交
				let param = {
					grade: this.grade,
					phone: this.userInfo.phone,
					school: this.userInfo.school,
					sex: this.userInfo.sex,
					nikeName: this.vuex_user
				}
				this.$u.api.updateinfo(param).then(res => {
					console.log(res)
					let gradeNew = this.grade + "级"
					this.$u.vuex('vuex_userInfo.grade', gradeNew)
					uni.showModal({
						title: '提示',
						content: "年级修改成功!",
						showCancel: false,
						success: () => {
							uni.reLaunch({
								url: '../../tabPages/my' //重载到我的
							})
						}
					})
				})
			},
			listButtonClick(){
				this.show = true;
			}
		},
		mounted() {
			// 页面挂载的时候判断权限
			if (this.vuex_loginStatus == 0) {
				// 当前没有登录
				uni.showModal({
					title: "您当前没有登录",
					content: "请登录后再来!",
					showCancel: false,
					success: (res) => {
						if (res.confirm) {
							//用户点击了确定
							uni.reLaunch({
								url: '../../tabPages/my' // 重载到我的
							})
						}
					}
				})
			} else {
				// 已登录状态
				this.userInfo = this.vuex_userInfo;

			}
		}
	}
</script>

<style lang="scss">
	.modifyBox {
		width: 100%;
		height: 50px;
		background: #fff;
		border-top: 1px solid #fff;
		margin: 20px 0 100px 0;
	}
</style>
